export default {
  async fetch(request, env, ctx) {
    const url = new URL(request.url);
    const p = url.searchParams.get('p') || 'home';
    const id = url.searchParams.get('id') || '0';
    const s = url.searchParams.get('s') || ''; // FIX 1: balikin ini
    const g = url.searchParams.get('g') || '';
    const season = url.searchParams.get('se') || '1';
    const sg = url.searchParams.get('sg') || '';
    const tv = url.searchParams.get('tv') || '0';
    const ep = url.searchParams.get('ep') || '1';
    const pg = url.searchParams.get('pg') || '1';
    const year = url.searchParams.get('year') || '';
    const country = url.searchParams.get('country') || '';
    const sv = url.searchParams.get('sv') || '1';
    const isAjax = url.searchParams.get('ajax') === '1';

    const API_KEY = "b80bd48293835aa0edec9dd61489eec2";
    const BASE = "https://api.themoviedb.org/3";
    const IMG = "https://image.tmdb.org/t/p/w500";
    const BG = "https://image.tmdb.org/t/p/w1280";
    const WEBSITE = "FILMKACA";

    const iklan = {
      home_top: {img:'https://image.cdndrive.my/banner/2026/05/mbo4d.webp',url:'https://link-iklan1.com',alt:'Banner Home Atas'},
      home_mid: {img:'https://imgng.thscore.fun/mn/20260824141956.gif',url:'https://link-iklan2.com',alt:'Banner Home Tengah'},
      home_bottom: {img:'https://imgngm.thscore.fun/mn/20260813140717.gif',url:'https://link-iklan3.com',alt:'Banner Home Bawah'},
      detail_top: {img:'https://image.cdndrive.my/banner/2026/08/BRAVOBET%20FILMAPIK.webp',url:'https://link-iklan4.com',alt:'Banner Detail Atas'},
      detail_mid: {img:'https://image.cdndrive.my/banner/2026/05/mbo4d.webp',url:'https://link-iklan5.com',alt:'Banner Detail Tengah'},
      detail_bottom: {img:'https://imgng.thscore.fun/mn/20260824141956.gif',url:'https://link-iklan6.com',alt:'Banner Detail Bawah'},
    };
    const ads = (key) => iklan[key]? `<div class="ads-box"><div class="ads-label"></div><a href="${iklan[key].url}" target="_blank" rel="nofollow"><img src="${iklan[key].img}" alt="${iklan[key].alt}"></a></div>` : '';

    const menu_kategori = {28:'Action',12:'Adventure',16:'Animasi',35:'Comedy',80:'Crime',18:'Drama',10751:'Family',14:'Fantasy',36:'History',27:'Horor',10402:'Music',10749:'Romance',878:'Sci-Fi',10752:'War'};

    async function tmdb(endpoint){
      const full_url = `${BASE}${endpoint}&api_key=${API_KEY}&language=id-ID`;
      try{
        const res = await fetch(full_url, {cf:{cacheTtl:3600, cacheEverything:true}});
        return await res.json();
      }catch(e){ return {results:[], total_pages:1, error:e.message} }
    }

    let detail = {}; if(p == 'detail' && id!='0') detail = await tmdb(`/movie/${id}`);
    let tv_detail = {}; if(p == 'episode' && tv!='0') tv_detail = await tmdb(`/tv/${tv}`);

    let judul_halaman = "Populer";
    if(p=='upcoming')judul_halaman="Akan Datang";
    if(p=='genre'&&menu_kategori[g])judul_halaman=menu_kategori[g];
    if(p=='search')judul_halaman="Hasil Pencarian: "+s;
    if(p=='faq')judul_halaman="FAQ";
    if(p=='privacy')judul_halaman="Kebijakan Privasi";
    if(p=='anime')judul_halaman="Anime Series";
    if(p=='drakor')judul_halaman="Drakor Series";
    if(p=='episode')judul_halaman="Nonton Episode";
    if(p=='favorit')judul_halaman="Film Favorit";
    if(p=='drachin')judul_halaman="Drama China Series";

    let home_data={}, upcoming_data={}, genre_data={}, search_data={}, anime_data={}, drakor_data={}, drachin_data={};
    if(p == 'home') home_data = await tmdb(`/movie/popular?page=${pg}`);
    if(p == 'upcoming') upcoming_data = await tmdb(`/movie/upcoming?page=${pg}`);
    if(p == 'genre' && g) {
      let endpoint = `/discover/movie?with_genres=${g}&sort_by=popularity.desc&page=${pg}`;
      if(year) endpoint+= `&primary_release_year=${year}`;
      if(country) endpoint+= `&with_origin_country=${country}`;
      genre_data = await tmdb(endpoint);
    }
    if(p == 'search' && s) search_data = await tmdb(`/search/movie?query=${encodeURIComponent(s)}&page=${pg}`);
    if(p == 'anime'){
      let genres = [16]; if(sg && sg!= '16') genres.push(sg); let genre_str = genres.join(',');
      anime_data = await tmdb(`/discover/tv?with_genres=${genre_str}&sort_by=popularity.desc&page=${pg}`);
    }
    if(p == 'drakor'){
      let genres = [18]; if(sg && sg!= '18') genres.push(sg); let genre_str = genres.join(',');
      drakor_data = await tmdb(`/discover/tv?with_genres=${genre_str}&with_origin_country=KR&sort_by=popularity.desc&page=${pg}`);
    }
    if(p == 'drachin'){
      let genres = []; if(sg && sg!= '18') genres.push(sg); let genre_str = genres.join(',');
      let endpoint = `/discover/tv?with_original_language=zh&sort_by=popularity.desc&page=${pg}`;
      if(genre_str) endpoint = `/discover/tv?with_genres=${genre_str}&with_original_language=zh&sort_by=popularity.desc&page=${pg}`;
      drachin_data = await tmdb(endpoint);
    }

    if(isAjax &&!['detail','episode','favorit'].includes(p)){
      const data = {home:home_data, upcoming:upcoming_data, genre:genre_data, search:search_data, anime:anime_data, drakor:drakor_data, drachin:drachin_data}[p];
      return new Response(JSON.stringify(data), {headers:{'Content-Type':'application/json'}});
    }

    const default_image = "https://cdn.photourl.com/free/2026-09-02-855e5606-0480-436f-96c4-29e38cb2f5be.png";
    let seo_title=`${judul_halaman} - ${WEBSITE}`, seo_desc="Nonton film dan series terbaru gratis subtitle Indonesia. Update tiap hari, kualitas HD 1080p tanpa iklan.", seo_image=default_image, seo_keywords=`nonton film, ${WEBSITE}`;
    if(p=='detail' && detail.title){
      seo_title = `${detail.title} (${new Date(detail.release_date).getFullYear()}) - Nonton Sub Indo HD | ${WEBSITE}`;
      seo_desc = detail.overview? detail.overview.substring(0,160)+"..." : seo_desc;
      seo_image = detail.backdrop_path? BG+detail.backdrop_path : default_image;
    }
    else if(p=='episode' && tv_detail.name){
      seo_title = `${tv_detail.name} S${season}E${ep} - Nonton Series Sub Indo | ${WEBSITE}`;
      seo_desc = tv_detail.overview.substring(0,160);
      seo_image = tv_detail.backdrop_path? BG+tv_detail.backdrop_path : default_image;
    }
    else if(p=='anime'){
      seo_title = `Nonton Anime Sub Indo Gratis Terbaru HD - ${WEBSITE}`;
      seo_desc = "Nonton anime sub indo gratis terlengkap 2026. Update setiap hari.";
    }
    else if(p=='drakor'){
      seo_title = `Nonton Drakor Sub Indo Gratis Terbaru HD - ${WEBSITE}`;
      seo_desc = "Nonton drama korea sub indo gratis terlengkap. Update drakor terbaru 2026.";
    }
    else if(p=='drachin'){
      seo_title = `Nonton Drama China Sub Indo Gratis Terbaru HD - ${WEBSITE}`;
      seo_desc = "Nonton drama china sub indo gratis terlengkap. Update drachin terbaru 2026.";
    }
    else if(p=='genre' && menu_kategori[g]){
      seo_title = `Nonton Film ${menu_kategori[g]} Sub Indo Gratis - ${WEBSITE}`;
      seo_desc = `Kumpulan film genre ${menu_kategori[g]} sub indo gratis terlengkap.`;
    }
    else if(p=='home'){
      seo_title = `Nonton Film Sub Indo Gratis Terbaru HD 2026 - ${WEBSITE}`;
      seo_desc = "Nonton streaming film dan series terbaru sub indo gratis tanpa iklan. Update setiap hari kualitas HD 1080p.";
    }

    const sidebarLinks = Object.entries(menu_kategori).map(([id_gen,nama])=>`<a href="/?p=genre&g=${id_gen}" class="${p=='genre' && g==id_gen?'active':''}"><i class="fa fa-film"></i> ${nama}</a>`).join('');

    const html = `<!DOCTYPE html><html lang="id"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>${seo_title}</title><meta name="description" content="${seo_desc}"><meta name="keywords" content="${seo_keywords}"><link rel="icon" href="${default_image}" type="image/png"><link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet"><style>:root{--bg:#000;--card:rgba(28,28,30,0.35);--text:#FFFFFF;--text2:#A1A1AA;--accent:#0A84FF;--accent-hover:#007AFF;--sidebar:260px;--glass-border:rgba(255,255,255,0.25)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.9) 100%), url('https://image.tmdb.org/t/p/w1280/8cdWjvZQUExUUTzyp4t6EDMubfO.jpg');background-size: cover;background-position: center;background-attachment: fixed;color:var(--text);overflow-x:hidden}a{color:var(--text);text-decoration:none}.logo{font-size:34px;font-weight:800;letter-spacing:-1px}.logo.film{color:#0A84FF}.logo.kaca{color:#FFF}.ads-box{text-align:center;margin:20px 0;background:var(--card);border:1px solid var(--glass-border);border-radius:18px;padding:10px;overflow:hidden;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.5)}.ads-box.ads-label{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.ads-box img{width:100%;height:auto;object-fit:contain;border-radius:12px;display:block}.navbar{position:fixed;top:0;left:0;right:0;height:60px;background:rgba(0,0,0,0.15);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--glass-border);gap:10px;}.nav-left{display:flex;align-items:center;gap:12px}.search-bar{position:relative;display:flex;align-items:center;flex:1;max-width:100%}.search-bar input{width:100%;padding:10px 12px 10px 40px;background:rgba(255,255,255,0.1);border:1px solid var(--glass-border);border-radius:12px;color:var(--text);font-size:14px;outline:none;transition:.2s;backdrop-filter:blur(20px)}.search-bar input:focus{border-color:var(--accent);background:rgba(255,255,255,0.15)}.search-bar i{position:absolute;left:14px;color:var(--text2);font-size:15px;pointer-events:none}.menu-toggle{font-size:22px;cursor:pointer;padding:8px;color:var(--text)}.sidebar{position:fixed;top:60px;left:0;width:280px;max-width:85%;height:calc(100vh - 60px);background:rgba(0,0,0,0.2);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);z-index:999;transform:translateX(-100%);transition:.3s;overflow-y:auto;border-right:1px solid var(--glass-border)}.sidebar.open{transform:translateX(0)}.overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998;display:none}.overlay.show{display:block}.sidebar a{display:flex;align-items:center;gap:15px;padding:14px 20px;color:var(--text2);font-weight:500;font-size:14px}.sidebar a i{width:20px;text-align:center}.sidebar a.active,.sidebar a:hover{color:var(--accent);background:rgba(10,132,255,0.15);border-left:3px solid var(--accent)}.sidebar h4{padding:20px 20px 10px;font-size:11px;color:var(--text2);text-transform:uppercase}.sidebar-desktop{display:none}.main{padding-top:60px}.content{padding:10px 12px;max-width:1400px;margin:auto}.hero{position:relative;height:40vh;border-radius:18px;overflow:hidden;margin-bottom:15px;border:1px solid var(--glass-border)}.hero-bg{position:absolute;width:100%;height:100%;background-size:cover;background-position:center}.hero-info{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,0.9))}.hero-info h1{font-size:20px;margin-bottom:10px;color:#FFF}.btn{padding:10px 20px;background:var(--accent);border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#FFF;transition:.2s;border:0}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.section-title{font-size:16px;font-weight:700;margin:18px 0 10px;color:var(--text)}.home-grid-wrap{background: var(--card);border:1px solid var(--glass-border);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);padding:16px;border-radius:20px;margin-top:12px;box-shadow:0 8px 32px rgba(0,0,0,0.5)}.row{display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px}.row::-webkit-scrollbar{display:none}.card-row-wrap,.card-grid-wrap{position:relative;height:100%}.card-row{flex:0 0 auto;width:115px;background:var(--card);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:.3s cubic-bezier(0.2, 0.8, 0.2, 1);scroll-snap-align:start;display:flex;flex-direction:column;height:100%;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.5)}.card-row:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(10,132,255,0.5);box-shadow:0 12px 40px rgba(10,132,255,0.25)}.card-row img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.card-info{padding:8px;flex:1}.card-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(min-width:768px){.grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.grid{grid-template-columns:repeat(5,1fr)}}.card-grid{background:var(--card);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;width:100%;transition:.3s cubic-bezier(0.2, 0.8, 0.2, 1);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.5)}.card-grid:hover{border-color:rgba(10,132,255,0.5);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(10,132,255,0.25)}.card-grid img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.card-title-grid{background:transparent;padding:10px 8px;font-size:12px;font-weight:600;height:40px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.btn-bookmark{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.2);color:#FFD60A;padding:6px;border-radius:50%;cursor:pointer;z-index:2;font-size:18px;backdrop-filter:blur(10px);transition:.3s;}.btn-bookmark:hover{background:rgba(255,214,10,0.2);color:#FFD60A;transform:scale(1.15);box-shadow:0 0 15px rgba(255,214,10,0.6);}.detail-container{max-width:1000px;margin:auto}.player{aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;margin-bottom:25px;border:1px solid var(--glass-border)}.player iframe{width:100%;height:100%;border:0}.detail-info h1{font-size:22px;margin-bottom:10px;color:var(--text)}.meta{display:flex;gap:12px;color:var(--text2);font-size:13px;margin-bottom:15px;flex-wrap:wrap}.sinopsis{color:var(--text2);line-height:1.7;font-size:14px}.komentar-box{margin-top:40px;padding-top:30px;border-top:1px solid var(--glass-border)}.komentar-box h3{font-size:20px;margin-bottom:20px;color:var(--text)}.form-komentar{background:var(--card);border:1px solid var(--glass-border);padding:20px;border-radius:16px;margin-bottom:25px;backdrop-filter:blur(30px)}.form-komentar textarea{width:100%;background:rgba(255,255,255,0.08);border:1px solid var(--glass-border);border-radius:12px;padding:12px;color:var(--text);font-family:'Poppins';resize:vertical;min-height:80px;margin-bottom:10px;outline:none}.form-komentar textarea:focus{border-color:var(--accent);background:rgba(255,255,255,0.12)}.form-komentar button{background:var(--accent);border:0;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;color:#FFF}.form-komentar button:hover{background:var(--accent-hover)}.list-komentar{display:flex;flex-direction:column;gap:15px}.item-komentar{background:var(--card);border:1px solid var(--glass-border);padding:15px;border-radius:14px;backdrop-filter:blur(30px)}.page-content{max-width:800px;margin:auto;background:var(--card);border:1px solid var(--glass-border);padding:25px;border-radius:18px;backdrop-filter:blur(30px)}.page-content h1{font-size:24px;margin-bottom:15px;color:var(--accent)}.page-content h3{font-size:16px;margin:20px 0 10px;color:var(--text)}.page-content p{color:var(--text2);line-height:1.8;margin-bottom:15px;font-size:14px}.faq-item{border-bottom:1px solid var(--glass-border);padding:15px 0}.faq-item:last-child{border:0}.footer{padding:40px 15px;margin-top:30px;border-top:1px solid var(--glass-border);background:rgba(0,0,0,0.2);backdrop-filter:blur(30px)}.footer-wrap{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr;gap:30px;text-align:center}.footer.logo{font-size:22px;margin-bottom:10px}.footer p{color:var(--text2);font-size:12px}.footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.footer-links a{color:var(--text2);font-size:13px}.footer-links a:hover{color:var(--accent)}.episode-btn{display:inline-block;padding:8px 14px;background:rgba(255,255,255,0.1);color:var(--text);border:1px solid var(--glass-border);border-radius:10px;font-weight:600;margin:4px;transition:.2s}.episode-btn:hover{background:rgba(255,255,255,0.15)}.episode-btn.active{background:var(--accent);color:#FFF;border-color:var(--accent)}.filter-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-bar select,.filter-bar button{padding:10px 15px;background:rgba(28,28,30,0.3);border:1px solid var(--glass-border);border-radius:12px;color:var(--text);font-family:'Poppins';outline:none;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);font-size:14px;font-weight:500;appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23A1A1AA' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;padding-right: 35px;}.filter-bar select:focus{border-color:var(--accent);background:rgba(255,255,255,0.12);}.filter-bar button{background:var(--accent);border:0;color:#FFF;font-weight:600;cursor:pointer;background-image: none;padding-right: 15px;}.filter-bar button:hover{background:var(--accent-hover)}.filter-bar select option{background: #1C1C1E;color: #FFF;}.btn-kategori{padding:8px 14px;background:rgba(10,132,255,0.15);border:1px solid rgba(10,132,255,0.3);color:#0A84FF;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:.2s;backdrop-filter:blur(20px);font-size:12px}.btn-kategori:hover{background:var(--accent);color:#FFF;transform:translateY(-2px)}@media(min-width:768px){.card-row{width:170px}.hero{height:60vh}.hero-info h1{font-size:28px}.grid{grid-template-columns:repeat(4,1fr)}.footer-wrap{grid-template-columns:1fr 1fr;text-align:left}.footer-links{justify-content:flex-end}}@media(min-width:1024px){.navbar{padding:0 30px}.search-bar{max-width:350px}.menu-toggle{display:none}.sidebar{display:none}.overlay{display:none!important}.sidebar-desktop{position:fixed;top:60px;right:0;width:var(--sidebar);height:calc(100vh - 60px);background:rgba(0,0,0,0.2);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-left:1px solid var(--glass-border);z-index:999;overflow-y:auto;padding:20px 0;display:block}.sidebar-desktop a{display:flex;align-items:center;gap:15px;padding:12px 25px;color:var(--text2);font-weight:500;font-size:14px;transition:.2s}.sidebar-desktop a i{width:20px}.sidebar-desktop a:hover,.sidebar-desktop a.active{color:var(--accent);background:rgba(10,132,255,0.15);border-right:3px solid var(--accent)}.sidebar-desktop h4{padding:20px 25px 10px;font-size:11px;color:var(--text2);text-transform:uppercase}.main{margin-right:var(--sidebar)}.content{padding:25px}.card-row{width:190px}.grid{grid-template-columns:repeat(5,1fr);gap:16px}.detail-info h1{font-size:32px}.section-title{font-size:22px}.hero{height:70vh}.hero-info{padding:30px}.hero-info h1{font-size:36px}.page-content{padding:40px}.page-content h1{font-size:32px}</style></head><body><div class="navbar"><div class="nav-left"><div class="menu-toggle" id="menuToggle"><i class="fa fa-bars"></i></div><a href="/" class="logo"><span class="film">FILM</span><span class="kaca">KACA</span></a></div><form class="search-bar" action="/" method="GET"><input type="hidden" name="p" value="search"><i class="fa fa-search"></i><input name="s" placeholder="Cari film..." value="${s}"></form></div><div class="overlay" id="overlay"></div><div class="sidebar" id="sidebar"><a href="/" class="${p=='home'?'active':''}"><i class="fa fa-home"></i> Beranda</a><a href="/?p=anime" class="${p=='anime'?'active':''}"><i class="fa fa-tv"></i> Anime</a><a href="/?p=drakor" class="${p=='drakor'?'active':''}"><i class="fa fa-tv"></i> Drakor</a><a href="/?p=drachin" class="${p=='drachin'?'active':''}"><i class="fa fa-tv"></i> Drama China</a><a href="/?p=upcoming" class="${p=='upcoming'?'active':''}"><i class="fa fa-calendar"></i> Akan Datang</a><a href="/?p=favorit" class="${p=='favorit'?'active':''}"><i class="fa-solid fa-star"></i> Favorit</a><h4>Kategori</h4>${sidebarLinks}</div><div class="sidebar-desktop"><a href="/" class="${p=='home'?'active':''}"><i class="fa fa-home"></i> Beranda</a><a href="/?p=anime" class="${p=='anime'?'active':''}"><i class="fa fa-tv"></i> Anime</a><a href="/?p=drakor" class="${p=='drakor'?'active':''}"><i class="fa fa-tv"></i> Drakor</a><a href="/?p=drachin" class="${p=='drachin'?'active':''}"><i class="fa fa-tv"></i> Drama China</a><a href="/?p=upcoming" class="${p=='upcoming'?'active':''}"><i class="fa fa-calendar"></i> Akan Datang</a><a href="/?p=favorit" class="${p=='favorit'?'active':''}"><i class="fa-solid fa-star"></i> Favorit</a><h4>Kategori</h4>${sidebarLinks}</div><div class="main"><div class="content">

${p == 'detail' && detail.title? `
<div class="detail-container">
<div class="player"><iframe id="playerFrame" src="${sv=='2'?'https://vidlink.pro/movie/'+id:sv=='3'?'https://www.2embed.cc/embed/'+id:'https://vidsrc.io/embed/movie/'+id}" allowfullscreen></iframe></div>
<div style="margin:15px 0"><p style="margin-bottom:10px;color:var(--text2)">Pilih Server:</p><a href="/?p=detail&id=${id}&sv=1" class="episode-btn ${sv=='1'?'active':''}">Server 1</a><a href="/?p=detail&id=${id}&sv=2" class="episode-btn ${sv=='2'?'active':''}">Server 2</a><a href="/?p=detail&id=${id}&sv=3" class="episode-btn ${sv=='3'?'active':''}">Server 3</a></div>
<div class="detail-info"><h1>${detail.title}</h1><div class="meta"><span><i class="fa fa-star" style="color:gold"></i> ${detail.vote_average?detail.vote_average.toFixed(1):'-'}</span><span>${detail.release_date?new Date(detail.release_date).getFullYear():'-'}</span><span>${detail.runtime?detail.runtime+' Menit':''}</span></div><p class="sinopsis">${detail.overview}</p></div>
${ads('detail_mid')}${ads('detail_bottom')}
<div class="komentar-box"><h3><i class="fa fa-comments"></i> Komentar</h3><div class="form-komentar"><textarea id="inputKomentar" placeholder="Tinggalkan komentar tentang film ini..."></textarea><button onclick="kirimKomentar()">Kirim</button></div><div class="list-komentar" id="listKomentar"></div></div></div>
` : ''}

${p == 'episode' && tv!='0'? `
<div class="detail-container">
<div class="player"><iframe id="playerFrame" src="${sv=='2'?'https://vidlink.pro/tv/'+tv+'/'+season+'/'+ep:sv=='3'?'https://www.2embed.cc/embedtv/'+tv+'&s='+season+'&e='+ep:'https://vidsrc.io/embed/tv/'+tv+'/'+season+'/'+ep}" allowfullscreen></iframe></div>
<div style="margin:15px 0"><p style="margin-bottom:10px;color:var(--text2)">Pilih Server:</p><a href="/?p=episode&tv=${tv}&se=${season}&ep=${ep}&sv=1" class="episode-btn ${sv=='1'?'active':''}">Server 1</a><a href="/?p=episode&tv=${tv}&se=${season}&ep=${ep}&sv=2" class="episode-btn ${sv=='2'?'active':''}">Server 2</a><a href="/?p=episode&tv=${tv}&se=${season}&ep=${ep}&sv=3" class="episode-btn ${sv=='3'?'active':''}">Server 3</a></div>
<div class="detail-info"><h1>${tv_detail.name} - Season ${season} Episode ${ep}</h1><div class="meta"><span><i class="fa fa-star" style="color:gold"></i> ${tv_detail.vote_average}</span><span>${tv_detail.first_air_date}</span></div><p class="sinopsis">${tv_detail.overview}</p></div>
<div class="komentar-box"><h3><i class="fa fa-list"></i> Pilih Episode</h3><div>${Array.from({length:20},(_,i)=>`<a href="/?p=episode&tv=${tv}&se=${season}&ep=${i+1}&sv=${sv}" class="episode-btn ${i+1==ep?'active':''}">Eps ${i+1}</a>`).join('')}</div></div></div>
` : ''}
` : ''}

${['anime','drakor','drachin'].includes(p)? `
<h2 class="section-title">${judul_halaman}</h2>
<div style="display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap">
<a href="/?p=${p}&sg=${p=='anime'?16:p=='drakor'?18:''}" style="padding:8px 14px;background:${!sg?'var(--accent)':'rgba(28,28,30,0.4)'};color:${!sg?'#000':'#fff'};border-radius:12px;font-weight:600;font-size:12px;backdrop-filter:blur(20px);border:1px solid var(--glass-border)">Semua</a>
</div>
<div class="grid" id="grid-series"></div><div id="loader" style="text-align:center;padding:20px;display:none"><i class="fa fa-spinner fa-spin"></i> Loading...</div>
` : ''}

${p == 'favorit'? `<h2 class="section-title">${judul_halaman}</h2><div class="grid" id="grid-favorit"></div>` : ''}

${p == 'faq'? `<div class="page-content"><h1>Frequently Asked Questions</h1><div class="faq-item"><h3>1. Apakah ${WEBSITE} gratis?</h3><p>Ya, 100% gratis.</p></div></div>` : ''}
${p == 'privacy'? `<div class="page-content"><h1>Kebijakan Privasi</h1><p>Privasi pengunjung prioritas.</p></div>` : ''}

${['home','upcoming','genre','search'].includes(p)? `
${p == 'home'? ads('home_top')+`<div class="hero" id="hero"></div><div style="display:flex;gap:8px;margin:15px 0;flex-wrap:wrap;justify-content:center"><a href="?p=anime" class="btn-kategori"><i class="fa fa-tv"></i> Anime</a><a href="/?p=drakor" class="btn-kategori"><i class="fa fa-tv"></i> Drakor</a><a href="/?p=drachin" class="btn-kategori"><i class="fa fa-tv"></i> Drachin</a></div><div style="margin:12px 0;padding:14px;background:rgba(239,246,255,0.1);border:1px solid rgba(219,234,254,0.2);border-radius:12px;backdrop-filter:blur(20px)"><h1 style="font-size:15px;margin-bottom:6px;color:#60A5FA">Nonton Film Sub Indo Gratis di ${WEBSITE}</h1><p style="color:var(--text2);line-height:1.6;font-size:12px">${WEBSITE} situs nonton film online gratis subtitle Indonesia. Update film terbaru 2026, anime, drakor, drama china HD tanpa iklan.</p></div>` : ''}
${ads('home_mid')}
<div class="home-grid-wrap"><h2 class="section-title">${judul_halaman}</h2><div class="row" id="row-populer"></div></div>
${ads('home_bottom')}
` : ''}

${p == 'genre'? `<h2 class="section-title">${judul_halaman}</h2><form method="GET" class="filter-bar"><input type="hidden" name="p" value="genre"><input type="hidden" name="g" value="${g}"><select name="year"><option value="">Semua Tahun</option>${Array.from({length: new Date().getFullYear()-1980+1},(_,i)=>{let y=new Date().getFullYear()-i; return `<option value="${y}" ${year==y?'selected':''}>${y}</option>`}).join('')}</select><select name="country"><option value="">Semua Negara</option><option value="US" ${country=='US'?'selected':''}>Amerika</option><option value="KR" ${country=='KR'?'selected':''}>Korea</option><option value="JP" ${country=='JP'?'selected':''}>Jepang</option><option value="IN" ${country=='IN'?'selected':''}>India</option><option value="ID" ${country=='ID'?'selected':''}>Indonesia</option></select><button type="submit"><i class="fa fa-filter"></i> Filter</button></form><div class="grid" id="grid"></div><div id="loader" style="text-align:center;padding:20px;display:none"><i class="fa fa-spinner fa-spin"></i> Loading...</div>` : ''}

${['upcoming','search'].includes(p)? `<h2 class="section-title">${judul_halaman}</h2><div class="grid" id="grid"></div><div id="loader" style="text-align:center;padding:20px;display:none"><i class="fa fa-spinner fa-spin"></i> Loading...</div>` : ''}

</div><div class="footer"><div class="footer-wrap"><div><div class="logo"><span class="film">FILM</span><span class="kaca">KACA</span></div><p>© 2026 ${WEBSITE}. Nonton Film Baru Gratis Subtitle Indonesia.</p></div><div class="footer-links"><a href="/">Beranda</a><a href="/?p=faq">FAQ</a><a href="/?p=privacy">Privasi</a></div></div></div></div>

<script>
const menuToggle = document.getElementById('menuToggle'); const sidebar = document.getElementById('sidebar'); const overlay = document.getElementById('overlay');
function toggleSidebar(){ sidebar.classList.toggle('open'); overlay.classList.toggle('show'); }
if(menuToggle){ menuToggle.onclick = toggleSidebar; overlay.onclick = toggleSidebar; document.querySelectorAll('.sidebar a').forEach(a => a.onclick = () => { if(window.innerWidth < 1024) toggleSidebar(); }); }

const IMG = "${IMG}"; const BG = "${BG}"; const currentPageType = "${p}"; let pageNum = 1; let loading = false; let totalPages = 1;
const homeData = ${JSON.stringify(home_data)}; const upcomingData = ${JSON.stringify(upcoming_data)}; const genreData = ${JSON.stringify(genre_data)}; const searchData = ${JSON.stringify(search_data)}; const animeData = ${JSON.stringify(anime_data)}; const drakorData = ${JSON.stringify(drakor_data)}; const drachinData = ${JSON.stringify(drachin_data)};
function getBookmarks(){ return JSON.parse(localStorage.getItem('filmkaca_bookmark')) || []; }
function isBookmarked(id){ return getBookmarks().some(b => b.id == id); }
function toggleBookmark(id,title='',poster=''){ id = parseInt(id); let fav = JSON.parse(localStorage.getItem('filmkaca_bookmark')) || []; const i = fav.findIndex(x=>x.id==id); if(i>-1){ fav.splice(i,1); } else { fav.push({id,title,poster}); } localStorage.setItem('filmkaca_bookmark',JSON.stringify(fav)); location.reload(); }
function cardRow(m){ if(!m.poster_path) return ''; return `<div class="card-row-wrap"><a href="/?p=detail&id=${m.id}" class="card-row"><img src="${IMG+m.poster_path}" loading="lazy"><div class="card-info"><div class="card-title">${m.title}</div></div></a><button class="btn-bookmark" onclick="toggleBookmark(${m.id},'${m.title.replace(/'/g,"\\'")}','${m.poster_path}')"><i class="${isBookmarked(m.id)?'fa-solid':'fa-regular'} fa-star"></i></button></div>`; }
function cardGrid(m){ if(!m.poster_path) return ''; return `<div class="card-grid-wrap"><a href="?p=detail&id=${m.id}" class="card-grid"><img src="${IMG+m.poster_path}" loading="lazy"><div class="card-title-grid">${m.title}</div></a><button class="btn-bookmark" onclick="toggleBookmark(${m.id},'${m.title.replace(/'/g,"\\'")}','${m.poster_path}')"><i class="${isBookmarked(m.id)?'fa-solid':'fa-regular'} fa-star"></i></button></div>`; }
function cardSeries(m){ let poster = m.poster_path? IMG+m.poster_path : '${default_image}'; return `<div class="card-grid-wrap"><a href="/?p=episode&tv=${m.id}&s=1&ep=1" class="card-grid"><img src="${poster}" loading="lazy"><div class="card-title-grid">${m.name}</div></a><button class="btn-bookmark" onclick="toggleBookmark(${m.id},'${m.name.replace(/'/g,"\\'")}','${m.poster_path}')"><i class="${isBookmarked(m.id)?'fa-solid':'fa-regular'} fa-star"></i></button></div>`; }
let data = []; if(currentPageType == 'home') data = homeData; if(currentPageType == 'upcoming') data = upcomingData; if(currentPageType == 'genre') data = genreData; if(currentPageType == 'search') data = searchData; if(currentPageType == 'anime') data = animeData; if(currentPageType == 'drakor') data = drakorData; if(currentPageType == 'drachin') data = drachinData;
if(data.results){ totalPages = data.total_pages;
    if(currentPageType == 'home'){
        if(data.results[0]){ document.getElementById('hero').innerHTML = `<div class="hero-bg" style="background-image:url(${BG+data.results[0].backdrop_path})"></div><div class="hero-info"><h1>${data.results[0].title}</h1><a href="/?p=detail&id=${data.results[0].id}" class="btn"><i class="fa fa-play"></i> Tonton</a></div>`; }
        data.results.forEach(m => { if(m.poster_path) document.getElementById('row-populer').innerHTML += cardRow(m) });
    } else if(currentPageType == 'anime' || currentPageType == 'drakor' || currentPageType == 'drachin'){
        if(data.error) document.getElementById('grid-series').innerHTML = '<p style="color:red">'+data.error+'</p>';
        data.results.forEach(m => { if(!m.poster_path) m.poster_path = '/default-poster.jpg'; document.getElementById('grid-series').innerHTML += cardSeries(m) });
    } else { data.results.forEach(m => { if(m.poster_path) document.getElementById('grid').innerHTML += cardGrid(m) }); }
}
function loadMore(){ if(currentPageType == 'home') return; if(loading || pageNum >= totalPages) return; loading = true; document.getElementById('loader').style.display = 'block'; pageNum++; let url = window.location.pathname + window.location.search + `&pg=${pageNum}&ajax=1`; fetch(url).then(res => res.json()).then(newData => { if(currentPageType == 'anime' || currentPageType == 'drakor' || currentPageType == 'drachin'){ newData.results.forEach(m => document.getElementById('grid-series').innerHTML += cardSeries(m)); } else { newData.results.forEach(m => document.getElementById('grid').innerHTML += cardGrid(m)); } loading = false; document.getElementById('loader').style.display = 'none'; }) }
window.addEventListener('scroll', () => { if(currentPageType == 'home') return; if(window.innerHeight + window.scrollY >= document.body.offsetHeight - 600){ loadMore(); } });

const idFilm = "${id}";
function loadKomentar(){ const semuaKomentar = JSON.parse(localStorage.getItem('komentar_'+idFilm)) || []; const list = document.getElementById('listKomentar'); if(!list) return; if(semuaKomentar.length == 0){ list.innerHTML = '<p style="color:var(--text2);text-align:center">Belum ada komentar. Jadilah yang pertama!</p>'; return; } list.innerHTML = ''; semuaKomentar.reverse().forEach(k => { list.innerHTML += `<div class="item-komentar"><div class="nama">${k.nama}</div><div class="waktu">${k.waktu}</div><div class="isi">${k.isi}</div></div>`; }); }
function kirimKomentar(){ const input = document.getElementById('inputKomentar'); const isi = input.value.trim(); if(isi == '') return alert('Komentar jangan kosong!'); const semuaKomentar = JSON.parse(localStorage.getItem('komentar_'+idFilm)) || []; const komentarBaru = {nama: 'Pengunjung', isi: isi, waktu: new Date().toLocaleString('id-ID')}; semuaKomentar.push(komentarBaru); localStorage.setItem('komentar_'+idFilm, JSON.stringify(semuaKomentar)); input.value = ''; loadKomentar(); }
if(currentPageType == 'detail'){ loadKomentar(); }

if(currentPageType == 'favorit'){
const fav = JSON.parse(localStorage.getItem('filmkaca_bookmark')) || []; const gridFav = document.getElementById('grid-favorit');
function hapusFavorit(id){ let fav = JSON.parse(localStorage.getItem('filmkaca_bookmark')) || []; fav = fav.filter(x => x.id!= id); localStorage.setItem('filmkaca_bookmark',JSON.stringify(fav)); location.reload(); }
if(fav.length == 0){ gridFav.innerHTML = '<p style="color:var(--text2);grid-column:1/-1;text-align:center">Belum ada film favorit. Klik icon bintang di poster buat nambahin</p>'; } else { gridFav.innerHTML = ''; fav.forEach(m => { gridFav.innerHTML += `<div class="card-grid-wrap"><a href="/?p=detail&id=${m.id}" class="card-grid"><img src="${IMG+m.poster}" loading="lazy"><div class="card-title-grid">${m.title}</div></a><button class="btn-bookmark" onclick="hapusFavorit(${m.id})"><i class="fa-solid fa-star"></i></button></div>`; }); }
}

document.addEventListener('contextmenu', e => e.preventDefault());
document.addEventListener('keydown', e => { if(e.key === 'F12' || (e.ctrlKey && e.key === 'u')) { e.preventDefault(); } });
document.onselectstart = () => false; document.ondragstart = () => false;
</script>
</body></html>`;

    return new Response(html, {headers:{'Content-Type':'text/html;charset=UTF-8'}});
  }
}